import { type RouteLocationNormalized } from 'vue-router';
import { useTitle } from '@vueuse/core';
import { computed } from 'vue';

/**
 * 更新文档标题
 *
 * @param to - 路由路径
 */
export function updateDocumentTitle(to: RouteLocationNormalized) {
  const app_title = import.meta.env.VITE_APP_TITLE;

  const title = computed<string>(() =>
    to.meta.title ? `${to.meta.title}-${app_title}` : app_title,
  );

  /**
   * 使用标题
   */
  useTitle(title);
}
